// pages/travel/travel.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabList: ["周边养老游", "家庭团圆游", "怀旧之旅"],
    currentTab: 0, // 当前选中标签索引，默认选第一个
    searchValue: '',
    qualityTravelList: [
      {
        id: 1,
        imageUrl: 'https://ts1.tc.mm.bing.net/th/id/R-C.fd613a4e619e1d504899580c04aaba8a?rik=8GiA5Xg1%2fjeSEQ&riu=http%3a%2f%2fmoorworld.com%2fwp-content%2fuploads%2f2022%2f08%2f2022081007.jpg&ehk=PF6ktBWfNK%2fM%2bwH76W8M4uQ9aUNJlode62VfV3MaM2o%3d&risl=&pid=ImgRaw&r=0',
        title: '避暑度假 | 高山天空之城—羊岩山度假4日游',
        labels: ['自然风光', '历史古迹'],
        price: 799
      },
      {
        id: 2,
        imageUrl: 'https://ts1.tc.mm.bing.net/th/id/R-C.80c91c3f4bddd81e55cdbb871c281f50?rik=9sdYO1PorUGlQw&riu=http%3a%2f%2fn.sinaimg.cn%2fsinakd20210209ac%2f320%2fw640h480%2f20210209%2fd7ce-kiweitv8858927.jpg&ehk=V9APhey1XbvZn2vCu%2b8H%2bQO%2bMc%2blKESwpToqqmijCss%3d&risl=&pid=ImgRaw&r=0',
        title: '避暑美食 | 霞浦海滩度假摄影（帝王蟹）动车5日游',
        labels: ['自然风光', '海滨沙滩'],
        price: 1999
      },{
        id: 3,
        imageUrl: 'https://ts1.tc.mm.bing.net/th/id/R-C.05662a152f688aa0a976be6a73fc5f97?rik=v%2byHTSqGnK4t%2fg&riu=http%3a%2f%2fpic4.40017.cn%2fscenery%2fdestination%2f2016%2f11%2f29%2f17%2fW9MCZj.jpg&ehk=RT4xmzVKTIMqk4lK9CYNeB8FdbXQd3UFwktz4kZTHX0%3d&risl=&pid=ImgRaw&r=0',
        title: '避暑爆款 | 上饶灵山、衢州龙游石窟4日游',
        labels: ['自然风光', '历史古迹'],
        price: 899
      },
      {
        id: 4,
        imageUrl: 'https://e0.ifengimg.com/05/2019/0507/AA4ADCC17627D277EF3131D05E09FF7E574C3558_size353_w725_h480.jpeg',
        title: '纯玩无购物 | 缙云仙都、新昌大佛寺、河阳古民居4日游',
        labels: ['自然风光', '历史古迹'],
        price: 999
      },
    ],
    nostalgicTours: [
        {
            id: 1,
            imageUrl: 'https://img.redocn.com/sheying/20160314/shanghaixintiandilaonongtang_5997490.jpg',
            title: '老上海弄堂、外滩、百乐门怀旧6日游',
            labels: ['自然风光', '历史古迹'],
            price: 3999
          },
          {
            id: 2,
            title: "北京胡同、四合院、国营老饭店7日游",
            labels: ['自然风光', '历史古迹'],
            price: "3999",
            imageUrl: "https://ts3.tc.mm.bing.net/th/id/OIP-C.Z2EHK5ro-oW8RhF2g_dwpAHaE9?rs=1&pid=ImgDetMain&o=7&rm=3"
          },
          {
            id: 3,
            imageUrl: 'https://ts3.tc.mm.bing.net/th/id/OIP-C.851wTtunGCKmbgGy06R36QHaFV?rs=1&pid=ImgDetMain&o=7&rm=3',
            title: '广州西关大屋、粤剧茶楼、骑楼老街5日游',
            labels: ['自然风光', '历史古迹'],
            price: 3899
          },
          {
            id: 4,
            imageUrl: 'https://ts1.tc.mm.bing.net/th/id/R-C.c25dbb1b706518c254154fb9724f8f7c?rik=vSEJUCENQ%2f6x4A&riu=http%3a%2f%2fseopic.699pic.com%2fphoto%2f50089%2f0070.jpg_wh1200.jpg&ehk=VDUMBSuiqI6gcCCxRpL4N3R8HpNhTElDNceX63M1wxs%3d&risl=&pid=ImgRaw&r=0',
            title: '成都宽窄巷子、老茶馆、川剧变脸6日游',
            labels: ['自然风光', '历史古迹'],
            price: 3899
          },
          {
            id: 5,
            title: "南京民国公馆、颐和路、老浦口火车站6日游",
            labels: ['自然风光', '历史古迹'],
            price: "3499",
            imageUrl: "https://img.pconline.com.cn/images/upload/upc/tx/photoblog/1404/09/c8/32956395_1397043155745_mthumb.jpg"
          },
          {
            id: 6,
            title: "哈尔滨中央大街、老道外、俄式风情7日游",
            labels: ['自然风光', '历史古迹'],
            price: "3699",
            imageUrl: "https://img.pconline.com.cn/images/photoblog/7/8/9/7/7897465/20097/23/1248364400271_mthumb.jpg"
          },
          
        ],
        familyReuion:[
            {
                id: 1,
                title: "全家团圆｜北京故宫+胡同四合院年夜饭5日4晚",
                labels: ['自然风光', '历史古迹'],
                price: "6599",
                imageUrl: "https://www.shuomingshu.cn/wp-content/uploads/images/2022/12/02/a382daee878049f2969575e60d9f2464_vgf1x4cfjcj.jpg"
              },
              {
                id: 2,
                title: "全家团圆｜成都熊猫基地+川味团圆火锅6日5晚",
                labels: ['自然风光', '历史古迹'],
                price: "6299",
                imageUrl: "https://ts2.tc.mm.bing.net/th/id/OIP-C.Kune0x280g7HMafHxFZeKwHaFV?rs=1&pid=ImgDetMain&o=7&rm=3"
              },
              {
                id: 3,
                title: "全家团圆｜广州长隆+西关大屋早茶6日5晚",
                labels: ['自然风光', '历史古迹'],
                price: "6999",
                imageUrl: "https://qiniu-cdn0.jinxidao.com/group1/M00/0B/29/oYYBAFnm-FCAEtuXAAJKPCXJ1G0207.jpg"
              },
              {
                id: 4,
                title: "全家团圆｜苏州园林+古镇团圆船宴5日4晚",
                labels: ['自然风光', '历史古迹'],
                price: "6099",
                imageUrl: "https://wenhui.whb.cn/u/cms/www/202008/171715215x2g.jpg"
              },
              {
                id: 5,
                title: "全家团圆｜厦门鼓浪屿+海鲜团圆家宴5日4晚",
                labels: ['自然风光', '历史古迹'],
                price: "6399",
                imageUrl: "https://ts1.tc.mm.bing.net/th/id/R-C.a1470e07523b8fd28e3128fd4230829a?rik=X4Oilucb0blJCg&riu=http%3a%2f%2fimgbdb4.bendibao.com%2fxmbdb%2ftour%2f20226%2f20%2f2022620134507_19609.jpg&ehk=Dv7gOz8sGUVHNrCnQuQKLKm2TEhAcoflskpO5DAMCs0%3d&risl=&pid=ImgRaw&r=0"
              },
              {
                id: 6,
                title: "全家团圆｜西安古城+回民街团圆饺子宴6日5晚",
                labels: ['自然风光', '历史古迹'],
                price: "6199",
                imageUrl: "https://ts1.tc.mm.bing.net/th/id/R-C.b89acc6102d4c95a67b500c03c3368d7?rik=9sKkMyvEWdY8HA&riu=http%3a%2f%2fimg1.qunarzz.com%2ftravel%2fd0%2f1503%2fe2%2f98a93f073601fb.jpg&ehk=CXcoL1GwnVkzarT2UIac7HmxxVaxBYh1C3F04mt8YFg%3d&risl=&pid=ImgRaw&r=0"
              }
          ]
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
      

  },
  // 切换标签事件处理
  handleTabChange(e) {
    const index = e.currentTarget.dataset.index;
    this.setData({
      currentTab: index
    });
  },
  

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})